*{
	box-sizing: border-box;
}

.newadd{
	width: 100%;
	//margin: 0;
	//padding: 0;
	background-color: #eee;
	height: 100vh;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	padding-top: 2.8rem;

	overflow:hidden;
	padding-top: calc(constant(safe-area-inset-top) + 2.8rem); 
	padding-top: calc(env(safe-area-inset-top) + 2.8rem);

}
.newadd .header-title{
	height: 2.8rem;
	background: radial-gradient(circle at 41% -33%,#fdf4df,#d4b59a 80%);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 15px;
	padding-right: 15px;
	box-shadow: 0 1px 4px 0 rgb(0 0 0 / 50%);
	color: #716858;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	.title{
		flex: 1;
		text-align: center;
		font-size: 1.1rem;
	}
	.right{
		width: 2rem;
		font-size: .95rem;
		color: #000;
	}
}
.glmain{
	width: 100%;
	padding: 1rem 0rem;
	// padding: 1rem 1rem;
	padding-bottom: 0;
	padding-bottom: calc(constant(safe-area-inset-bottom) + 40vmin); 
	padding-bottom: calc(env(safe-area-inset-bottom) + 40vmin);
	box-sizing: border-box;
	background: url(../../static/1626943712098-8sa84u4fd6b.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.glmainbox{
	width: 100%;
	background-color: #fff;
	border-radius: .3rem;
	padding: 0 1.5rem;
}
.gmmbheader{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 1rem 0;
	
	.gmmbhtext{
		font-size: .95rem;
		margin-right: 1rem;
	}
	.gmmbhline{
		flex: 1;
		height: .05rem;
		background-color: #6c6c6c;
	}
}
.gmmbcon{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 1rem;
	
	.gmmbitem{
		width: 110pt;
		position: relative;
		padding-bottom: 1.7rem;
		
		.gmmbilogo{
			width: 110pt;
			height: 110pt;
		}
		.gmmbitext{
			width: 100%;
			text-align: center;
			font-size: .95rem;
			margin-top: .7rem;
			color: #000;
		}
		.gmmbiicon{
			width: 1.5rem;
			height: 1.5rem;
			position: absolute;
			top: -.7rem;
			right: 0;
		}
	}
}


.wheel {
	width: 200px;
	height: 200px;
	border: 5px solid #333;
	border-radius: 50%;
	position: relative;
	margin: 0 auto;
	transition: transform 3s ease;
  }
  
  .spinning {
	animation: spin 3s infinite linear;
  }
  
  .result {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 24px;
  }
  
  @keyframes spin {
	100% {
	  transform: rotate(360deg);
	}
  }
  
  button {
	margin-top: 20px;
	padding: 10px 20px;
	font-size: 16px;
	cursor: pointer;
  }
  .img0{width: 90%;margin-left: auto;margin-right: auto;}
  .img1{
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 10;
	width: 120px;
	animation: a_l_r 4s ease-in-out infinite;
	-webkit-animation: a_l_r 4s ease-in-out infinite;
}
  .img2{
	position: fixed;
	right: 10px;
	top: calc(env(safe-area-inset-top) + 2.8rem);
	z-index: 10;
	width: 120px;
}


  




.animate_left_right {
    -webkit-animation: a_l_r 4s ease-in-out infinite;
    -webkit-animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out
}

@-webkit-keyframes a_l_r {
    0% {
        -webkit-transform: none;
        transform: none
    }

    5% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    10% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    15% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    20% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    25% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    30% {
        -webkit-transform: none;
        transform: none
    }
}
.t1{
	color: rgb(255, 255, 255);
    font-size: 28px;
    position: absolute;
    text-align: center;
    bottom: 20px;
    left: 0px;
    z-index: 20;
	text-align: center;
	width: 100%;
}

